$(function(){

    //大图Modal
    if(document.getElementById('largeImgModal')){
        var largeImg = new Vue({
            el:"#largeImgModal",
            data:{
                imgUrl : "",
                index: "",
                imgIndex:"",
            },
            methods:{
                nextImg:function(){
                    var count = blogInfo.blogBlock[this.index].largeUrls.length;

                    if(parseInt(this.imgIndex)+1 >= count){
                        this.imgIndex = 0;
                    }else{
                        this.imgIndex ++;
                    }

                    // this.setLargeImgSize(blogInfo,this.index,this.imgIndex);
                    this.imgUrl = blogInfo.blogBlock[this.index].largeUrls[this.imgIndex];
                },
                prevImg:function(){
                    var count = blogInfo.blogBlock[this.index].largeUrls.length;
                    if(parseInt(this.imgIndex)- 1 < 0){
                        this.imgIndex = count-1;
                    }else{
                        this.imgIndex --;
                    }
                    // this.setLargeImgSize(blogInfo,this.index,this.imgIndex);
                    this.imgUrl = blogInfo.blogBlock[this.index].largeUrls[this.imgIndex];
                },
                btnIn:function(type){
                    switch(parseInt(type)){
                        case 0:
                            // $('#largeImgModal .right-btn').css({'color':'rgba(255,255,255,1)'});
                            $('#largeImgModal .right-btn img').attr('src','image/largeRightActive.png');
                            break;
                        case 1:
                            // $('#largeImgModal .left-btn').css({'color':'rgba(255,255,255,1)'});
                            $('#largeImgModal .left-btn img').attr('src','image/largeLeftActive.png');
                            break;
                        case 2:
                            $('#largeImgModal .close-btn img').attr('src','image/largeCloseActive.png');
                            break;
                    }
                },
                btnOut: function(type){
                    switch(parseInt(type)){
                        case 0:
                            $('#largeImgModal .right-btn img').attr('src','image/largeRight.png');
                            break;
                        case 1:
                            $('#largeImgModal .left-btn img').attr('src','image/largeLeft.png');
                            break;
                        case 2:
                            $('#largeImgModal .close-btn img').attr('src','image/largeClose.png');
                            break;
                    }
                }
            },

        });
    }

    //判断类型开启哪个内容板块
    var args = getUrlParams();
    var type = parseInt(args.type);
    switch(type){
        case 1:
            $('#quick-information').removeClass('hidden');
            break;
        case 2:
            $('news-box').addClass('hidden');
            $('#blog-information').removeClass('hidden');
            break;
        case 3:
            $('news-box').addClass('hidden');
            $('#twitter-information').removeClass('hidden');
            break;
        case 4:
            $('news-box').addClass('hidden');
            $('#sift-information').removeClass('hidden');
            break;
        case 5:
            $('news-box').addClass('hidden');
            $('#skill-information').removeClass('hidden');
            break;
    }

    //作者信息
    var authorInfo = new Vue({
        el:'#my-info',
        data:{
            userId:"",//作者ID
            totalNum: 0, //总记录数
            isFollow: false, //是否已关注
            followMsg : this.isFocus? '已关注': '关注',
            followId: "", //关注ID
            username: "", //作者信息
            userImg: "image/header.png", //作者信息
            articleCount: 0, //文章数
            focusCount:0 , //粉丝数
            infoType: getUrlParams().type,
        },
        methods:{
            //设置关注
            setFollow:function(event){
                if(isLogin()){
                    if(this.isFollow){
                        // var id  = event.currentTarget.getAttribute('value');
                        var data = {
                            followId: this.followId, //	关注ID	是	2	String
                            element: this,
                        };
                        removeAuthorsFollow(data);
                    }else{
                        // var id  = event.currentTarget.getAttribute('value');
                        var data = {
                            sourceId: this.userId, //	文章作者编号	是	30	String
                            infoType: this.infoType, //	资讯类型	是	2	Number	2 weibo 3 twitter 4 精选资讯 5 技术分析
                            element: this,
                        };
                        addAuthorsFollow(data);
                    }

                }else{
                    location.href = 'login.html';
                }
            },
        },
    });

    //精选资讯
    if(!$('#sift-information').hasClass('hidden')){
        var siftInfo = new Vue({
            el: '#sift-information',
            data:{
                totalNum:0,
                currPage: 1,
                pageSize: 10,
                keyword: getUrlParams().content ? decodeURI(getUrlParams().content) : "",
                siftBlock: [],
            },
            components:{
                'sift-content': siftComponent,
            },
            methods:{
                //加载数据
                loadData:function(){
                    // var sw = true;
                    if(getScrollTop() + window.innerHeight >= document.body.offsetHeight-50) {
                        if(this.totalNum > this.siftBlock.length) {
                            $('.loadData').removeClass('hidden');
                            if (sw == true) {
                                sw = false;
                                var obj = {
                                    infoType: 4, //	资讯类型	是	2	Number	4 精选资讯 5 技术分析
                                    sourceId: getUrlParams().id, //	三方平台作者Id	是	30	String
                                    pageSize: 10, //	每页条数	否	9	Number	默认10，最大50
                                    pageNum: this.currPage, //	第几页	否	9	Number	默认1
                                    element: this,
                                    authorInfo: authorInfo,
                                };
                                this.currPage++;
                                getAuthorAiticlesList(obj);
                            }
                        }
                    }
                }, //结束 loadData
            },
            mounted:function(){
                this.$nextTick(function(){
                    addLoad(this.loadData);

                    var obj = {
                            infoType: 4, //	资讯类型	是	2	Number	4 精选资讯 5 技术分析
                            sourceId: getUrlParams().id, //	三方平台作者Id	是	30	String
                            pageSize: siftInfo.pageSize, //	每页条数	否	9	Number	默认10，最大50
                            pageNum: siftInfo.currPage, //	第几页	否	9	Number	默认1
                            element: siftInfo,
                            authorInfo: authorInfo,
                        };
                    getAuthorAiticlesList(obj);
                });
            }
        });

    }


    //twitter
    if(!$('#twitter-information').hasClass('hidden')){
        var twitterInfo = new Vue({
            el: '#twitter-information',
            data:{
                pageSize:10,
                currPage:1,
                totalNum: 0,
                twitterBlock: [ ],
            },
            components:{
                'twitter-content': twitterComponent,
            },
            methods:{
                loadData:function(){
                    // var sw = true;
                    if(getScrollTop() + window.innerHeight >= document.body.offsetHeight-50) {
                        if(this.totalNum > this.twitterBlock.length) {
                            $('.loadData').removeClass('hidden');
                            if (sw == true) {
                                sw = false;
                                this.currPage++;
                                var args = getUrlParams();
                                var data = {
                                    infoType: 3, //	文章类型	是	2	Number	2 微博  3 twitter
                                    sourceId: args.id, //	三方平台作者Id	是	30	String
                                    pageSize: this.pageSize, //	每页条数	否	9	Number	默认10，最大50
                                    pageNum: this.currPage, //	第几页	否	9	Number	默认1
                                    element: this,
                                    authorInfo: authorInfo,
                                };
                                getAuthorDynamicList(data);
                            }
                        }
                    }
                }, //结束 loadData
            },
            mounted:function(){
                this.$nextTick(function(){
                    addLoad(this.loadData);
                    var args = getUrlParams();
                    var data = {
                        infoType:3, //	文章类型	是	2	Number	2 微博  3 twitter
                        sourceId:args.id, //	三方平台作者Id	是	30	String
                        pageSize:twitterInfo.pageSize, //	每页条数	否	9	Number	默认10，最大50
                        pageNum: twitterInfo.currPage, //	第几页	否	9	Number	默认1
                        element: twitterInfo,
                        authorInfo: authorInfo,
                    };
                    getAuthorDynamicList(data);
                });
            }
        });

    }


    //微博
    if(!$('#blog-information').hasClass('hidden')){
        var blogInfo = new Vue({
            el: '#blog-information',
            data:{
                pageSize:10,
                currPage:1,
                totalNum: 0,
                largeImg: largeImg, //记录大图对象
                blogBlock: [],
            },
            components:{
                'blog-content': blogComponent,
            },
            methods:{
                //滚动加载
                loadData:function(){
                    // var sw = true;
                    if(getScrollTop() + window.innerHeight >= document.body.offsetHeight-50) {
                        if (this.totalNum > this.blogBlock.length) {
                            $('.loadData').removeClass('hidden');
                            if (sw == true) {
                                sw = false;
                                this.currPage++;
                                var args = getUrlParams();
                                var data = {
                                    infoType: 2, //	文章类型	是	2	Number	2 微博  3 twitter
                                    sourceId: args.id, //	三方平台作者Id	是	30	String
                                    pageSize: this.pageSize, //	每页条数	否	9	Number	默认10，最大50
                                    pageNum: this.currPage, //	第几页	否	9	Number	默认1
                                    element: this,
                                    authorInfo: authorInfo,
                                };
                                getAuthorDynamicList(data);
                            }
                        }
                    }
                }, //结束 loadData
            },
            mounted:function(){
                this.$nextTick(function(){
                    addLoad(this.loadData);
                    var data = {
                        infoType:2, //	文章类型	是	2	Number	2 微博  3 twitter
                        sourceId:args.id, //	三方平台作者Id	是	30	String
                        pageSize:blogInfo.pageSize, //	每页条数	否	9	Number	默认10，最大50
                        pageNum: blogInfo.currPage, //	第几页	否	9	Number	默认1
                        element: blogInfo,
                        authorInfo: authorInfo,
                    };
                    getAuthorDynamicList(data);
                });
            }
        });

    }


    //技术分析
    if(!$('#skill-information').hasClass('hidden')){
        var skillInfo = new Vue({
            el: '#skill-information',
            data:{
                currPage: 1,
                pageSize:10,
                totalNum: 0,
                skillBlock: [],
            },
            components:{
                'skill-content': skillComponent,
            },
            methods:{
                //滚动翻页加载数据
                loadData:function(){
                    // var sw = true;
                    if(getScrollTop() + window.innerHeight >= document.body.offsetHeight-50) {
                        if(this.totalNum> this.skillBlock.length){
                            $('.loadData').removeClass('hidden');
                            if(sw == true){
                                sw = false;
                                var obj = {
                                    infoType: 5, //	资讯类型	是	2	Number	4 精选资讯 5 技术分析
                                    sourceId: getUrlParams().id, //	三方平台作者Id	是	30	String
                                    pageSize: 10, //	每页条数	否	9	Number	默认10，最大50
                                    pageNum: this.currPage, //	第几页	否	9	Number	默认1
                                    element: this,
                                    authorInfo: authorInfo,
                                };
                                this.currPage++;
                                getAuthorAiticlesList(obj);
                            }
                        }
                    }
                }, //结束 loadData
            },
            mounted:function(){
                this.$nextTick(function(){
                    addLoad(this.loadData);
                    var obj = {
                        infoType: 5, //	资讯类型	是	2	Number	4 精选资讯 5 技术分析
                        sourceId: getUrlParams().id, //	三方平台作者Id	是	30	String
                        pageSize: skillInfo.pageSize, //	每页条数	否	9	Number	默认10，最大50
                        pageNum: skillInfo.currPage, //	第几页	否	9	Number	默认1
                        element: skillInfo,
                        authorInfo: authorInfo,
                    };
                    getAuthorAiticlesList(obj);
                });
            }
        });

    }


});
